<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>主界面</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <style>
    	
	.userheader{
		border-collapse: collapse;
		
	}
	.userheader table{
		border: 1px solid gainsboro;
		width: 100%;
		height: 67px;
	}
	.usercentar{
		border: 1px solid gainsboro;
		height: 85px;
		margin-top: 12px;
		width: 100%;
	}
	
	
	.usercentar1{
		text-align: center;
	}
	.mui-btn{
		width: 98%;
		height: 45px;
		margin-top: 10px;
		border: 1px solid gainsboro;
	}
	.c1{
		width: 98%;
		height: 45px;
		margin-top: 20px;
		border: 1px solid gainsboro;
	}
	.footer a{
		font-size: 15px;
		position: relative;
		top: 30px;
		left: 42%;
		color: darkturquoise;
	}
    </style>
	</head>
	
	<body>
		
	<div class="userheader">
		<table><tr><th><p style="color: deepskyblue;">我</p></th></tr></table>
	</div>
	
	<div class="usercentar" style="position: relative;">
		<div class="mui-icon mui-icon-image" style="font-size: 50px; margin: 15px;"></div>
		<div style="position: absolute; top: 20px; left: 90px; font-size: 20px;"><b>琳"</b></div>
		<div style="position: absolute; top: 42px; left: 90px; font-size: 13px; background: beige;">我的课程表</div>
		<a href="data.html" style="color: #000000;">
		<div class="mui-icon mui-icon-forward"  style="position: relative; left:250px;"></div>	
		</a>
		</div>
	</div>
	
	<div class="usercentar1">
		<div>
			<a href="edit1.html">
			<button class="c1" type="button" class="mui-btn">添加课程表</button>
			</a>
		</div>
	
		<div>
			<a href="remodel.html">
			<button type="button" class="mui-btn">修改课程表</button>
			</a>
		</div>
	
		<div>
			<a href="Delete.html">
			<button type="button" class="mui-btn">删除课程表</button>
			</a>
		</div>
	
		<div>
			<a href="picture.html">
			<button type="button" class="mui-btn">背景图片修改</button>
		</div>
	
		<div>
			<a href="Retrieve.html">
			<button type="button" class="mui-btn">我的密码修改</button>
			</a>
		</div>
		<div>
			<a href="index.html">
			<button type="button" class="mui-btn">退出登录</button>
			</a>
		</div>
		<div>
			<a href="main.html">
			<button type="button" class="mui-btn">回到首页</button>
			</a>
		</div>
	</div>
	
	<div class="footer">
		<a>关于我们?</a>
	</div>
	</body>
</html>
